<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">



    <ui:composition template="./../templates/internal.xhtml">

        <ui:define name="top">
            <h:form id="topTronco">
                <p:growl id="mensagem" autoUpdate="true" sticky="false" life="3000"/>
                <p:menubar>
                    <p:submenu label="Menu">  
                        <p:menuitem value="Home"  action="./../publico/home.xhtml"/>  
                        <p:menuitem value="Logout" action="#{autenticador.registraSaida}" immediate="true"  />
                    </p:submenu>
                    <f:facet name="options">  
                        <b>Logado: #{utilBean.userName} </b> 
                        <p:commandButton  value="Logout" action="#{autenticador.registraSaida}" immediate="true" />
                    </f:facet>    
                </p:menubar>
                <div id="imageTop">      
                    <p:imageSwitch effect="turnDown" styleClass="painel" slideshowSpeed="9000">  
                        <ui:repeat value="#{utilBean.images}" var="image">  
                            <p:graphicImage value="./../resources/css/imagens/#{image}" width="100%" height="100"/>  
                        </ui:repeat>  
                    </p:imageSwitch>  
                </div>     
            </h:form>
        </ui:define>

        <ui:define name="content">
            <h:form id="resultado">
                <div id="contentRamal">      
                    <h:outputScript library="js" name="mascaras.js" />
                    <p:growl id="mensagem" autoUpdate="true" sticky="false" life="3000"/>


                    <p:panelGrid id="dados" columns="4"  styleClass="ramalCadastro" >  
                        <f:facet name="header">Configurações Ramais</f:facet>

                        <p:outputLabel for="numero"  value="Numero" /> 
                        <p:outputLabel for="nome" value="Nome" /> 
                        <p:outputLabel for="empresa" value="Empresa" /> 
                        <p:outputLabel for="ccusto" value="Centro de custro" /> 
                        
                        <p:inputText id="numero" value="#{ramalBean.ramalRN.numeroTxt}"
                                     onblur="mascara(this,soNumeros)"
                                     onkeypress="mascara(this,soNumeros)" />
                        <p:inputText id="nome" value="#{ramalBean.ramalRN.ramal.nome}"/>                                            

                        <h:selectOneMenu  id="empresa" value="#{ramalBean.ramalRN.ramal.empresa}" converter="empresaConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaEmpresa()}" var="perf" itemValue="#{perf.id}" itemLabel="#{perf.id} - #{perf.razaoSocial}"/> 
                        </h:selectOneMenu >  

                        <h:selectOneMenu id="ccusto"  value="#{ramalBean.ramalRN.ramal.custo}" converter="custoConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaCentroDeCusto()}" var="perfi" itemValue="#{perfi.id}" itemLabel="#{perfi.centroDecusto} - #{perfi.descricao}"/> 
                        </h:selectOneMenu >  
                                             
                        <p:outputLabel for="user" value="Usuario" /> 
                        <p:outputLabel for="senha" value="Senha" /> 
                        <p:outputLabel for="dpto" value="Departamento" /> 
                        <p:outputLabel /> 
                 
                        <h:selectOneMenu  id="user" value="#{ramalBean.ramalRN.ramal.usuario}" converter="usuarioConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaUsuarios()}" var="perfil" itemValue="#{perfil.id}" itemLabel="#{perfil.nome} - #{perfil.descricao}"/> 
                        </h:selectOneMenu >  

                        <h:selectOneMenu  id="senha" value="#{ramalBean.ramalRN.ramal.senha}" converter="senhaConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaSenha()}" var="perfiss" itemValue="#{perfiss.id}" itemLabel="#{perfiss.senha} - #{perfiss.descricao}"/> 
                        </h:selectOneMenu >  

                        <h:selectOneMenu  id="dpto" value="#{ramalBean.ramalRN.ramal.departamento}" converter="departamentoConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaDepartamento()}" var="perfis" itemValue="#{perfis.id}" itemLabel="#{perfis.id} -  #{perfis.descricao} "/> 
                        </h:selectOneMenu > 
                          <p:outputLabel /> 
                                                     
                        <f:facet name="footer">
                            <p:commandButton value="Cadastrar" action="#{ramalBean.salvarRamal}"  update=":resultado:list"/> 
                            <p:commandButton value="Consultar" action="#{ramalBean.listaRamal}" update=":resultado:list"/> 
                            <p:commandButton value="Limpar"  action="#{ramalBean.ramalRN.limparCampos}"  update=":resultado:dados"/> 
                            <p:commandButton value="Alterar" update=":update:alterar" action="#{ramalBean.btnAlterarRamal()}"  oncomplete="if(args.sucesso == true){updateDialog.show()}" styleClass="tamanhoBotao"/>
                            <p:commandButton value="Excluir"  action="#{ramalBean.deleteRamal}"  update=":resultado:list"/> 
                            <p:commandButton value="Limpar lista" action="#{ramalBean.limpaLista}" update=":resultado:list"/> 
                        </f:facet> 
                    </p:panelGrid>  
                </div>
                <div id="resultado">
                    <p:dataTable var="item" value="#{ramalBean.ramalModel}" id="list"  paginatorPosition="top"  
                                 rowKey="#{item.id}"  paginator="true" emptyMessage="Sem retorno de consulta"  
                                 resizableColumns="true" rows="" selection="#{ramalBean.ramalSelected}"  selectionMode="single"
                                 scrollable="true" scrollWidth="100%" scrollHeight="280"
                                 paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink}   
                                 {RowsPerPageDropdown}" rowsPerPageTemplate="25,50,100,150,200" >  

                        <f:facet name="header">Lista de usuarios  com : #{ramalBean.ramalRN.messagemCount}</f:facet>  
                        <p:column headerText="Numero" sortBy="#{item.numero}" style="text-align: center">  
                            #{item.numero}
                        </p:column>  
                        <p:column headerText="Nome" sortBy="#{item.nome}" style="text-align: center">  
                            #{item.nome}
                        </p:column>  
                        <p:column headerText="Senha"  sortBy="#{item.senha}" style="text-align: center">  
                            #{item.senha.senha}
                        </p:column>  
                        <p:column headerText="Usuário" sortBy="#{item.usuario}" style="text-align: center">  
                            #{item.usuario.nome}
                        </p:column>  
                        <p:column headerText="Centro de Custo" sortBy="#{item.custo}" style="text-align: center">  
                            #{item.custo.centroDecusto}
                        </p:column>  
                        <p:column headerText="Departamento" sortBy="#{item.departamento.descricao}" style="text-align: center">  
                            #{item.departamento.descricao}
                        </p:column>  
                        <p:column headerText="Empresa"  sortBy="#{item.empresa.razaoSocial}" style="text-align: center">  
                            #{item.empresa.razaoSocial}
                        </p:column>  


                    </p:dataTable>   
                </div>
            </h:form>

            <h:form id="update">
                <p:dialog  widgetVar="updateDialog" header="Alteração de Tronco" showEffect="explode" hideEffect="fade" modal="true" 
                           width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">

                    <p:panelGrid id="alterar" columns="3" >  
                        <p:outputLabel value="Descrição" style="font-weight: bold"></p:outputLabel>
                        <p:outputLabel value="Valor atual" style="font-weight: bold"></p:outputLabel>
                        <p:outputLabel value="Novo valor" style="font-weight: bold"></p:outputLabel>


                        <p:outputLabel for="nome1" value="Numero" /> 
                        <h:outputText value="#{ramalBean.ramalSelected.numero}"/>
                        <p:inputText id="nome1" value="#{ramalBean.ramalRN.numeroTxt}"
                                     onblur="mascara(this,soNumeros)"
                                     onkeypress="mascara(this,soNumeros)" />

                        <p:outputLabel for="numero1" value="Nome" /> 
                        <h:outputText value="#{ramalBean.ramalSelected.nome}"/>
                        <p:inputText id="numero1" value="#{ramalBean.ramalRN.ramal.nome}"/>                                            


                        <p:outputLabel for="empresa1" value="Empresa" /> 
                        <h:outputText value="#{ramalBean.ramalSelected.empresa.razaoSocial}"/>
                        <h:selectOneMenu  id="empresa1" value="#{ramalBean.ramalRN.ramal.empresa}" converter="empresaConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaEmpresa()}" var="perf" itemValue="#{perf.id}" itemLabel="#{perf.id} - #{perf.razaoSocial}"/> 
                        </h:selectOneMenu >  

                        <p:outputLabel for="custo1" value="Centro de Custo" /> 
                        <h:outputText value="#{ramalBean.ramalSelected.custo.centroDecusto}"/>
                        <h:selectOneMenu  id="custo1" value="#{ramalBean.ramalRN.ramal.custo}" converter="custoConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaCentroDeCusto()}" var="perfi" itemValue="#{perfi.id}" itemLabel="#{perfi.centroDecusto} - #{perfi.descricao}"/> 
                        </h:selectOneMenu >  

                        <p:outputLabel for="user1" value="Usuário" /> 
                        <h:outputText value="#{ramalBean.ramalSelected.usuario.nome}"/>
                        <h:selectOneMenu  id="user1" value="#{ramalBean.ramalRN.ramal.usuario}" converter="usuarioConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaUsuarios()}" var="perfil" itemValue="#{perfil.id}" itemLabel="#{perfil.nome} - #{perfil.descricao}"/> 
                        </h:selectOneMenu >  
                        
                        
                        <p:outputLabel for="senha1" value="Departamento" /> 
                        <h:outputText value="#{ramalBean.ramalSelected.departamento.descricao}"/>
                        <h:selectOneMenu  id="dpto" value="#{ramalBean.ramalRN.ramal.departamento}" converter="departamentoConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaDepartamento()}" var="perfis" itemValue="#{perfis.id}" itemLabel="#{perfis.id} -  #{perfis.descricao} "/> 
                        </h:selectOneMenu > 
                          <p:outputLabel /> 


                        <p:outputLabel for="senha1" value="Senha" /> 
                        <h:outputText value="#{ramalBean.ramalSelected.senha.senha}"/>
                        <h:selectOneMenu  id="senha1" value="#{ramalBean.ramalRN.ramal.senha}" converter="senhaConverter"  style="width:160px;height:25px" >  
                            <f:selectItem itemLabel="Nenhum " itemValue="" />  
                            <f:selectItems value="#{ramalBean.ramalRN.carregaSenha()}" var="perfis" itemValue="#{perfis.id}" itemLabel="#{perfis.senha} - #{perfis.descricao}"/> 
                        </h:selectOneMenu >  

                        <f:facet name="footer">             
                            <p:commandButton value="Alterar" action="#{ramalBean.alteraRamal}" update=":resultado:list"  oncomplete="updateDialog.hide()" />
                            <p:commandButton value="Fechar" oncomplete="updateDialog.hide()" />

                        </f:facet>

                    </p:panelGrid>
                </p:dialog>

            </h:form>
        </ui:define>

        <ui:define name="bottom_internal">
        </ui:define>
    </ui:composition>
</html>
